<template>
	<view class="mainbgc" v-if="pageshow" @click="hidefalse">
		<!-- //单据状态 -->
		<u-popup :show="djshow" :round="24" mode="center" @close="djclose">
			<view class="popupbtn">
				<view class="bgctitles">
					<text class="titles">选择单据状态</text>
				</view>
				<view class="state" v-for="(item,index) in shenhelist" :key="index" v-if="item.id==tabscurrent">
					<view class="btns flexbetween">
						<view class="allbtn-box flexcenter " @click="switchSh(item,0)">
							<view :class="item.status==0?'allbtn btn1':'allbtn'">
								<text class="btntext">未审核</text>
								<view class="selectimage" v-if="item.status==0"></view>
							</view>
						</view>
						<view class="allbtn-box flexcenter " @click="switchSh(item,1)">
							<view :class="item.status==1?'allbtn btn1':'allbtn'">
								<text class="btntext">已审核</text>
								<view class="selectimage" v-if="item.status==1"></view>
							</view>
						</view>
						<view class="allbtn-box flexcenter " @click="switchSh(item,2)">
							<view :class="item.status==2?'allbtn btn1':'allbtn'">
								<text class="btntext">全部</text>
								<view class="selectimage" v-if="item.status==2"></view>
							</view>
						</view>
					</view>
					<view class="flexcenter mainpadding_top">
						<view class="bigbtn" @click="djclose(index)">取消</view>
						<view class="bigbtn2" @click="djsure(item,index)">确认</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 选择调播类型 -->
		<u-popup :show="diaojshow" :round="24" mode="center" @close="diaojclose" @open="diaojopen">
			<view class="popupbtn">
				<view class="bgctitles">
					<text class="titles">选择调拨类型</text>
				</view>
				<view class="state">
					<view class="btns flexbetween">
						<view class="allbtn-box flexcenter ">
							<view class="allbtn btn1">
								<text class="btntext">普通调拨</text>
								<view class="selectimage"></view>
							</view>
						</view>
						<view class="allbtn-box flexcenter">
							<view class="allbtn">
								<text class="btntext">承包调拨</text>
							</view>
						</view>
						<view class="allbtn-box flexcenter">
							<view class="allbtn">
								<text class="btntext">全部</text>
							</view>
						</view>
					</view>
					<view class="flexcenter mainpadding_top">
						<view class="bigbtn">取消</view>
						<view class="bigbtn2">确认</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- 筛选 -->
		<u-popup round="20" :show="sxshow" @close="sxshow=false">
			<view class="mainpadding">
				<view class="flexcenter">
					<view class="titletext">筛选</view>
				</view>
				<view class="strongtext margin_top">时间</view>
				<view class="flexleft" style="flex-wrap: wrap;">
					<view class="screenbox flexcenter" v-for="(item,index) in datelist" :key="item.id"
						@click="change(item.name,index)">
						<view :class="currents == index? 'itemscreenfocus margin_top':'itemscreen margin_top'">
							{{item.name}}
						</view>
					</view>
				</view>
				<view class="strongtext margin_top">自定义时间</view>
				<view class="flexleft">
					<view class="inputscreenbox flexcenter" @click="shows=true">
						<input class="itemscreen margin_top" type="text" disabled v-model="start">
					</view>
					<view class="zwscreenbox flexcenter">
						<view class="strongtext">-</view>
					</view>
					<view class="inputscreenbox flexcenter" @click="showss=true">
						<input class="itemscreen margin_top" type="text" disabled v-model="end">
					</view>
				</view>
				<view class="flexbetween">
					<view class="surebtn reset flexcenter" style="margin-top: 60rpx;" @click="resetbtn">重置</view>
					<view class="surebtn flexcenter" style="margin-top: 60rpx;" @click="sureBtn">确认</view>
				</view>
				<!-- <view class="surebtn flexcenter" style="margin-top: 60rpx;" @click="sureBtn">确认</view> -->
			</view>
		</u-popup>
		<header-top :messageInfo="{typeFlag:true,message:'单据汇总',liner:false}">
			<view class="rightmsg" slot="rightmsg">
				<view class="rightmsg_content flexleft">
					<view class="nostrongtext margin_right" @click="sxshow=true">日期</view>
					<view class="diandiandian" @click.stop="dian">
						<view class="selectcontent" v-if="selectshow">
							<view class="topbox">
								<view class="flexleft itemselect" @click.stop="yuangongShow=true">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/employees.png" mode=""></image>
									</view>
									<view>员工</view>
								</view>
								<view class="flexleft itemselect" @click.stop="kehuShow=true"
									v-if="tabscurrent!=4 && tabscurrent!=5">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/customer.png" mode=""></image>
									</view>
									<view>客户</view>
								</view>
								<view class="flexleft itemselect" @click.stop="gonghuosShow=true" v-if="tabscurrent==4">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/customer.png" mode=""></image>
									</view>
									<view>供应商</view>
								</view>
								<view class="flexleft itemselect" @click.stop="danjuzhuangtai">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/documents.png" mode=""></image>
									</view>
									<view>单据状态</view>
								</view>
								<view class="flexleft itemselect" @click.stop="diaobolx" v-if="tabscurrent==4">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/allocating.png" mode=""></image>
									</view>
									<view>调拨类型</view>
								</view>
							</view>
							<view class="sanjiao"></view>
						</view>
					</view>
				</view>
			</view>
		</header-top>
		<u-datetime-picker :show="shows" v-model="value1" mode="date" @confirm="confirm" @cancel="shows=false"
			 @close="shows=false"></u-datetime-picker>
		<u-datetime-picker :show="showss" v-model="value2" mode="date" @confirm="confirms" @cancel="showss=false"
			:minDate="mintime" @close="showss=false"></u-datetime-picker>
		<view class="mainpadding">
			<u-tabs :list="list1" @click="tabclick" :current='changecurrent' :activeStyle="{ color: '#0BBDCB' }"
				lineColor="#0BBDCB"></u-tabs>
			<!-- //销售单 -->
			<view class="box" v-if="tabscurrent==1">
				<view class="flexcenter" v-if="!tabspages[0].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[0].list.data" :key="item.id"
					@click="jumpdetailxs(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
							<view class="smalltext" v-if="item.sales_return==1">含退</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view>
							<view class="titletext">{{item.customer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.customer_mobile)">{{item.connet_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.customer_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
					<view class="strongtext margin_top">
						共{{item.goods_kind}}种,{{item.number}}件,退货{{item.return_number}}件</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[0].list.total_money}}
					</view>
				</view>
			</view>
			<!-- //退货单 -->
			<view class="box" v-if="tabscurrent==2">
				<view class="flexcenter" v-if="!tabspages[1].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[1].list.data" :key="item.id"
					@click="jumpdetailth(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
							<view class="smalltext" v-if="item.sales_return==1">含退</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view>
							<view class="titletext">{{item.customer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.customer_mobile)">{{item.connet_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.customer_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[1].list.total_money}}
					</view>
				</view>
			</view>

			<!-- //订货单 -->
			<view class="box" v-if="tabscurrent==3">
				<view class="flexcenter" v-if="!tabspages[2].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[2].list.data" :key="item.id"
					@click="jumpdetaildh(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius one">终止单</view>
						<!-- <view class="shlable radius tow">已终止</view> -->
						<!-- <view class="wlable radius">未审核</view> -->
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view>
							<view class="titletext">{{item.customer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.customer_mobile)">{{item.connet_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.customer_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[2].list.total_money}}
					</view>
				</view>
			</view>
			<!-- //采购单 -->
			<view class="box" v-if="tabscurrent==4">
				<view class="flexcenter" v-if="!tabspages[3].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[3].list.data" :key="item.id"
					@click="jumpdetailcg(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<!-- <view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view> -->
							<view class="titletext">{{item.supplyer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.first_connect_mobile)">
								{{item.first_connect_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.first_connect_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[3].list.total_money}}
					</view>
				</view>
			</view>

			<!-- //库存调拨单 -->
			<view class="box" v-if="tabscurrent==5">
				<view class="flexcenter" v-if="!tabspages[4].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[4].list.data" :key="item.id"
					@click="jumpdetailkcdb(item.purchase_code)">
					<view class="flexbetween">
						<view class="ywy margin_right">{{item.purchase_code}}</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top drdcbox">
						<view class="flexleft">
							<view class="diaochu margin_right">调出</view>
							<view class="titletext">{{item.stores_out_name}}</view>
							<view class="namecolor" @click.stop="phone(item.stores_out_staff_mobile)">
								{{item.stores_out_staff_name}}</view>
							<view class="flexright" @click.stop="phone(item.stores_out_staff_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="downimage3"></view>
						<view class="flexleft">
							<view class="diaoru margin_right">调入</view>
							<view class="titletext">{{item.stores_enter_name}}</view>
							<view class="namecolor" @click.stop="phone(item.stores_enter_staff_mobile)">
								{{item.stores_enter_staff_name}}</view>
							<view class="flexright" @click.stop="phone(item.stores_enter_staff_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
					</view>
					<view class="margin_top ywy flexbetween">
						<view class="flexstart" @click.stop="phone(item.saler_mobile)">
							<view class="">{{item.saler_name}} {{item.saler_mobile}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
			</view>

			<!-- //客户结算 -->
			<view class="box" v-if="tabscurrent==6">
				<view class="flexcenter" v-if="!tabspages[5].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[5].list.data" :key="item.id"
					@click="jumpdetailkhjs(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<!-- <view class="personicon margin_right"></view> -->
							<!-- <view class="storeicon margin_right"></view> -->
							<view class="titletext">{{item.supplyer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.customer_mobile)">
								{{item.customer_name}}
							</view>
							<view class="flexright">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
			</view>

			<!-- //费用支出 -->
			<view class="box" v-if="tabscurrent==7">
				<view class="flexcenter" v-if="!tabspages[6].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[6].list.data" :key="item.id"
					@click="jumpfyzc(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view>{{item.time_text}}</view>
						<view class="strongtext miancolor">{{item.real_money}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[6].list.total_money}}
					</view>
				</view>
			</view>

			<!-- //费用合同 -->
			<view class="box" v-if="tabscurrent==8">
				<view class="flexcenter" v-if="!tabspages[7].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[7].list.data" :key="item.id"
					@click="jumpfyht(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view>
							<view class="titletext">{{item.customer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.customer_mobile)">{{item.connet_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.customer_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<!-- <view class="strongtext miancolor">-17.00</view> -->
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
			</view>

			<!-- //预收款单 -->
			<view class="box" v-if="tabscurrent==9">
				<view class="flexcenter" v-if="!tabspages[8].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[8].list.data" :key="item.id"
					@click="jumpkhysk(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view>
							<view class="titletext">{{item.supplyer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.customer_mobile)">
								{{item.customer_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.customer_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[8].list.total_money}}
					</view>
				</view>
			</view>
			<!-- //盘点单 -->
			<view class="box" v-if="tabscurrent==10">
				<view class="flexcenter" v-if="!tabspages[9].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[9].list.data" :key="item.id"
					@click="jumppdd(item)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">盘点结束</view>
						<view class="wlable radius" v-if="item.examine_status==0">盘点中</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view>
							<view class="titletext">{{item.stores_staff_name}}</view>
							<!-- <view class="namecolor" @click.stop="phone(item.stores_staff_mobile)" ></view> -->
							<view class="flexright" @click.stop="phone(item.stores_staff_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">{{item.result || ""}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
			</view>
			<!-- 采购退货单 -->
			<view class="box" v-if="tabscurrent==11">
				<view class="flexcenter" v-if="!tabspages[10].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[10].list.data"
					:key="item.id" @click="jumpdetailcgth(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<!-- <view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view> -->
							<view class="titletext">{{item.supplyer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.first_connect_mobile)">
								{{item.first_connect_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.first_connect_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[10].list.total_money}}
					</view>
				</view>
			</view>
			<!-- 供应商结算 -->
			<view class="box" v-if="tabscurrent==12">
				<view class="flexcenter" v-if="!tabspages[11].list.data.length">
					<view class="placeholderimage"></view>
				</view>
				<view class="radius radius mainpadding_top ffffff" v-for="item in tabspages[11].list.data"
					:key="item.id" @click="jumpdetailgysjs(item.purchase_code)">
					<view class="flexbetween">
						<view class="flexleft">
							<view class="nostrongtext margin_right">{{item.purchase_code}}</view>
						</view>
						<view class="shlable radius" v-if="item.examine_status==1">已审核</view>
						<view class="wlable radius" v-if="item.examine_status==0">未审核</view>
					</view>
					<view class="margin_top flexbetween">
						<view class="flexleft">
							<!-- 店铺、个人图片 -->
							<!-- <view class="personicon margin_right" v-if="item.type_name=='个人'"></view>
							<view class="storeicon margin_right" v-if="item.type_name=='店铺'"></view> -->
							<view class="titletext">{{item.supplyer_name}}</view>
							<view class="namecolor" @click.stop="phone(item.first_connect_mobile)">
								{{item.first_connect_name}}
							</view>
							<view class="flexright" @click.stop="phone(item.first_connect_mobile)">
								<view class="littleblue"></view>
							</view>
						</view>
						<view class="strongtext miancolor">￥{{item.real_money}}</view>
					</view>
					<view class="margin_top ywy flexbetween needbotborder">
						<view class="flexstart" @click.stop='phone(item.saler_mobile)'>
							<view class="">业务员：{{item.saler_name}}</view>
							<view class="dizhiimg"></view>
						</view>
						<view>{{item.time_text}}</view>
					</view>
				</view>
				<view class="bottombox flexbetween" v-if="tabscurrent!=5||tabscurrent!=9">
					<view class="heji">
						合计
					</view>
					<view class="qianqian">
						￥{{tabspages[11].list.total_money}}
					</view>
				</view>
			</view>

		</view>
		<!-- 客户档案 -->
		<selectCustomer :message="{kehuShow:kehuShow}" @kehuSure="kehuSure"></selectCustomer>
		<!-- 员工/送货员档案,value1=管理,2=普通员工,3=送货员 -->
		<selectYuangong :message="{yuangongShow:yuangongShow,value:100}" @yuangongSure="yuangongSure"></selectYuangong>
		<!-- 供货商档案 -->
		<selectGonghuos :message="{gonghuosShow:gonghuosShow}" @gonghuosSure="gonghuosSure"></selectGonghuos>

	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	const d = new Date()
	const year = d.getFullYear()
	let month = d.getMonth() - 2
	month = month < 10 ? `0${month}` : month
	const date = d.getDate()
	export default {
		data() {
			return {
				//单据状态
				djshow: false,
				//调拨
				diaojshow: false,

				list1: [{
						name: '销售单',
						id: 1,
						badge: {
							value: 5,
						}
					}, {
						name: '退货单',
						id: 2,
						badge: {
							value: 5,
						}
					}, {
						name: '订货单',
						id: 3,
						badge: {
							value: 5,
						}
					},
					{
						name: '采购单',
						id: 4,
						badge: {
							value: 2,
						}
					}, {
						name: '库存调拨单',
						id: 5,
						badge: {
							value: 5,
						}
					}, {
						name: '客户结算',
						id: 6,
						badge: {
							value: 2,
						}
					}, {
						name: '费用支出',
						id: 7,
						badge: {
							value: 2,
						}
					}, {
						name: '费用合同',
						id: 8,
						badge: {
							value: 2,
						}
					}, {
						name: '预收款单',
						id: 9,
						badge: {
							value: 2,
						}
					}, {
						name: '盘点单',
						id: 10,
						badge: {
							value: 2,
						}
					}, {
						name: '采购退货单',
						id: 11,
						badge: {
							value: 2,
						}
					},
					// {
					// 	name: '供应商结算',
					// 	id: 12,
					// 	badge: {
					// 		value: 2,
					// 	}
					// },

				],
				tabscurrent: 1, //默认1选中销售单
				// 下拉菜单
				selectshow: false,
				seletdata: [{
						id: 1,
						img: "../../../static/image/system/employees.png",
						name: "员工",

					},
					{
						id: 2,
						img: "../../../static/image/system/employees.png",
						name: "客户"
					},
					{
						id: 3,
						img: "../../../static/image/system/employees.png",
						name: "转单状态"
					},
					{
						id: 4,
						img: "../../../static/image/system/employees.png",
						name: "单据状态"
					}
				],
				gouxuanid: "",
				sxshow: false,
				currents: -1,
				start: '开始时间',
				end: '结束时间',
				shows: false,
				showss: false,
				value1: Number(new Date()),
				value2: Number(new Date()),
				mintime: Number(new Date()),
				maxtime: Number(new Date()),
				datelist: [{
						id: 1,
						name: '今日'
					},
					{
						id: 2,
						name: '昨日'
					},
					{
						id: 3,
						name: '本月'
					},
				],
				// 客户档案（选择客户档案共七个）
				kehuShow: false,
				// 员工档案（所有单据都可以选择员工）
				yuangongShow: false,
				// 供货商档案
				gonghuosShow: false,
				gonghuoshang: { //采购单
					supplyer_code: "",
					name: ""
				},
				tabspages: [{
					id: 1,
					limit: 6,
					list: {
						data: []
					},
					data:{
						staff_member_id: "", //员工id
						customers_id: "", //客户id
					}
				}],
				pageshow:false,
				shenhelist: [],
				apilist: [
					'appapi/manage/goods/sales', //销售单
					'appapi/manage/goods/sales_exchange', //退货单
					'appapi/manage/goods/order', //订货单
					'appapi/manage/goods/purchase', //采购单
					'appapi/manage/warehouse/allocation', //库存调拨单
					'appapi/manage/finance/collection', //客户结算
					'appapi/manage/finance/cost_expend', //费用支出
					'appapi/manage/finance/cost_contract', //费用合同
					'appapi/manage/finance/collection_advance', //预收款单
					'appapi/manage/warehouse/inventory', //盘点单
					'appapi/manage/goods/exchange', //采购退货单
					// 'appapi/manage/goods/exchange', //供应商结算
				],
				changecurrent: 0,
			}
		},
		onLoad(options) {
			uni.hideTabBar(); //隐藏tab
			// this.tabspages = []
			this.apilist.forEach((item, index) => {
				console.log(index,"999999999惊雷")
				if(index!=0){
					this.tabspages.push({
						id: index + 1,
						limit: 6,
						list: {
							data: [],
							last_page: "",
							current_page: 1
						},
						data: {
							staff_member_id: "", //员工id
							customers_id: "", //客户id
						}
					})
				}
				this.shenhelist.push({
					id: index + 1,
					status: -1
				})
			})
			console.log(this.tabspages,"惊雷2")
			if (options.msg) {
				let data = JSON.parse(decodeURIComponent(options.msg));
				console.log(data, "页面接收参数")
				this.changecurrent = data.current
				this.tabscurrent = Number(data.current)+1
				this.start = data.starttime
				this.end = data.endtime
				let index = Number(data.current)
				this.tabspages[index].data.customers_id = data.customers_id
			}
			this.resetMsg()
		},
		watch: {
			gonghuosShow(newval) {
				if (newval == true) {
					this.selectshow = false
				}
			},
			kehuShow(newval) {
				if (newval == true) {
					this.selectshow = false
				}
			},
			yuangongShow(newval) {
				if (newval == true) {
					this.selectshow = false
				}
			},
			sxshow(newval) {
				if (newval == true) {
					this.selectshow = false
				}
			}
		},
		methods: {
			// 接口全部调用一遍
			resetMsg() {
				this.tabspages.forEach((item, index) => {
					this.getlist(index)
				})
			},
			getlist(index, isPage, page) {
				if (this.apilist[index] == '') {
					return false
				}
				let _this = this
				let data = {
					page: page || 1,
					limit: this.tabspages[index].limit || 8,
					startdate: this.start == '开始时间' ? '' : this.start,
					enddate: this.end == '结束时间' ? '' : this.end,
					staff_member_id: this.tabspages[index].data.staff_member_id, //员工id
					customers_id: this.tabspages[index].data.customers_id, //客户id
					examine_status: this.shenhelist[index].status == 2 || this.shenhelist[index].status == -1 ? '' :
						this.shenhelist[index].status, //审核状态
					self: 0
				}
				if (index == 3) {
					data.supplyer_code = this.gonghuoshang.supplyer_code,
						delete data.customers_id
				}
				httpRequest.request(this.apilist[index], 'POST', data, false, false, true).then(res => {
					if (res.code == 1) {
						let resList = res.data;
						let dataList = _this.tabspages[index].list
						if (isPage == true) {
							_this.tabspages[index].list.data = dataList.data.concat(resList.data);
						} else {
							_this.tabspages[index].list = resList
						}
						this.list1[index].badge.value = resList.total
						this.pageshow = true
					}
				}).catch(err => {
					httpRequest.toast(err.msg);
				})
			},
			onReachBottom() {
				let _this = this;
				this.tabspages.forEach((item, index) => {
					if (item.id == this.tabscurrent) {
						let list = item.list
						let page = item.list.current_page
						if (list.last_page <= page) {
							return false;
						}
						page++
						item.list.current_page = page
						this.getlist(index, true, page)
					}
				})
			},
			hidefalse() {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
			},
			// 跳转客户预收款
			jumpkhysk(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caiwu/kehuysk?purchase_code=' + purchase_code
				})
			},
			// 盘点单
			jumppdd(item) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				let msg = {
					purchase_code: item.purchase_code, //费用合同单据编号
					ck_id: '', //仓库id
					kh_id: "",
					yg_id: "",
					type: 1, //1销货单，2退货单
					sp_code: '', //商品编号
					mr_sjstate: '', //默认价格
					goods_ids: [],
					db_type: "", //调拨类型
					pdtype: item.examine_status == 1 ? 2 : 1, //1开始盘点，2盘点完成
				}
				uni.navigateTo({
					url: '/pages/workbench/kucun/pandiandan?getmsg=' +
						encodeURIComponent(JSON.stringify(msg))
				})
			},
			// 费用支出
			jumpfyzc(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caiwu/feiyongzc?purchase_code=' + purchase_code
				})
			},
			// 费用合同详情
			jumpfyht(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/feiyonghetong?purchase_code=' + purchase_code
				})
			},
			// 销售订单详情
			jumpdetailxs(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/xiaoshoudd?purchase_code=' + purchase_code
				})
			},
			// 退货单详情
			jumpdetailth(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/tuihuodan?purchase_code=' + purchase_code
				})
			},
			// 订货单详情
			jumpdetaildh(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caigou/dinghuod?purchase_code=' + purchase_code
				})
			},
			// 采购单详情
			jumpdetailcg(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caigou/caigoudan?purchase_code=' + purchase_code
				})
			},
			// 采购退货单详情
			jumpdetailcgth(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caigou/caigouthd?purchase_code=' + purchase_code
				})
			},
			// 调拨单详情
			jumpdetailkcdb(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/kucun/kucundiaobo?purchase_code=' + purchase_code
				})
			},
			// 客户结算详情
			jumpdetailkhjs(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caiwu/kehujsdetail?purchase_code=' + purchase_code
				})
			},
			// 供应商结算详情
			jumpdetailgysjs(purchase_code) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				uni.navigateTo({
					url: '/pages/workbench/caiwu/gongyingsjsdetail?purchase_code=' + purchase_code
				})
			},
			phone(p) {
				uni.makePhoneCall({
					phoneNumber: p.toString()
				}).catch((e) => {
					// console.log(e)  //用catch(e)来捕获错误{makePhoneCall:fail cancel}
				})
			},
			// 审核按钮切换
			switchSh(item, value) {
				item.status = value
			},
			// 客户档案确定
			kehuSure(e) {
				this.kehuShow = false
				if (e) {
					console.log(this.tabspages,"惊雷 2348")
					this.tabspages.forEach((item, index) => {
						if (item.id == this.tabscurrent) {
							item.data.customers_id = e.value[0].id
							console.log(this.tabspages, 999)
							this.getlist(index)
						}
					})
				}
			},
			// 员工档案确定
			yuangongSure(e) {
				this.yuangongShow = false
				if (e) {
					this.tabspages.forEach((item, index) => {
						if (item.id == this.tabscurrent) {
							item.data.staff_member_id = e.value[0].id
							this.getlist(index)
						}
					})
				}
			},
			// 供货商档案确定
			gonghuosSure(e) {
				this.gonghuosShow = false
				if (e) {
					this.gonghuoshang.supplyer_code = e.value[0].supplyer_code
					this.gonghuoshang.name = e.value[0].name
				}
			},
			confirm(e) {
				console.log(e);
				this.shows = false;
				this.show = true;
				this.end = '结束时间';
				this.mintime = e.value;
				this.start = this.date(e.value);
				this.currents = -1;
			},
			confirms(e) {
				this.showss = false;
				this.show = true;
				this.maxtime = e.value;
				this.end = this.date(e.value);
				this.currents = -1;
			},
			date(timer) {
				var date = new Date(timer); //当前时间
				var year = date.getFullYear() //返回指定日期的年份
				var month = repair(date.getMonth() + 1); //月
				var day = repair(date.getDate()); //日
				var curTime = year + "-" + month + "-" + day

				function repair(i) {
					if (i >= 0 && i <= 9) {
						return "0" + i;
					} else {
						return i;
					}
				}
				return curTime
			},
			change(name, index) {
				if (name == "今日") {
					this.start = this.riqi(0);
					this.end = this.riqi(0);
				} else if (name == "昨日") {
					this.start = this.riqi(-1);
					this.end = this.riqi(-1);
				} else if (name == "本月") {
					this.start = this.benyue();
					this.end = this.riqi(0);
				}
				this.currents = index;
			},
			// 昨天“-1”今天“0”明天“1”
			riqi(day) {
				let dd = new Date();
				dd.setDate(dd.getDate() + day);
				let y = dd.getFullYear();
				let m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
				let d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
				return y + "-" + m + "-" + d;
			},
			// 本月第一天
			benyue() {
				let y = new Date().getFullYear(); //获取年份
				let m = new Date().getMonth() + 1; //获取月份
				let d = '01'
				m = m < 10 ? '0' + m : m; //月份补 0
				return [y, m, d].join("-")
			},
			sureBtn() {
				this.sxshow = false
				this.resetMsg()
			},
			// 重置
			resetbtn() {
				this.currents = -1
				this.start = "开始时间"
				this.end = "结束时间"
				this.resetMsg()
				this.sxshow = false
			},
			//单据状态
			danjuzhuangtai() {
				this.selectshow = false
				this.djshow = true
			},
			//调拨类型
			diaobolx() {
				this.selectshow = false
				this.diaojshow = true
			},

			// 转单状态
			zdopen() {
				// console.log('open');
			},
			zdclose() {
				this.zdshow = false
				// console.log('close');
			},
			// 单据状态
			djclose() {
				this.djshow = false
			},
			// 单据状态确认
			djsure(item, index) {
				this.djshow = false
				if (item.status == -1) {
					return
				}
				this.getlist(index)
			},
			//调拨类型
			diaojopen() {
				// console.log('open');
			},
			diaojclose() {
				this.diaojshow = false
				// console.log('close');
			},
			//还货结果
			hdopen() {
				// console.log('open');
			},
			hdclose() {
				this.hdshow = false
				// console.log('close');
			},
			//单据号
			danjuopen() {
				// console.log('open');
			},
			danjuclose() {
				this.danjushow = false
				// console.log('close');
			},
			dian() {
				this.selectshow = this.selectshow == false ? true : false
			},
			// tabs切换
			tabclick(item) {
				this.selectshow = false
				console.log('item', item);
				this.tabscurrent = item.id
			}
		}
	}
</script>

<style lang="scss" scoped>
	.surebtn {
		width: 45%;
	}

	.reset {
		background: #ebb563;
	}

	//底部
	.bottombox {
		padding: 30rpx 54rpx 30rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background: #FFFFFF;
		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.0500);
	}

	.heji {
		font-size: 32rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	.qianqian {
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #0BBDCB;
	}

	.box {
		padding-bottom: 100rpx;
	}

	//弹框样式
	.inputnumber {
		width: 436rpx;
		margin: auto;
		border-radius: 124rpx 124rpx 124rpx 124rpx;
		border: 1rpx solid #999999;
		padding: 16rpx 20rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #B8B8B8;
	}

	.titlesdanju {
		text-align: center;
		font-size: 32rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #000000;
		margin-bottom: 34rpx;
	}

	.centers {
		padding: 34rpx 28rpx 0;
	}

	.state {
		padding: 0 44rpx 54rpx;
	}

	.btns {
		flex-wrap: wrap;
	}

	.bigbtn {
		color: #666666;
		padding: 8rpx 82rpx;
		background: #FAFAFA;
		border-radius: 43rpx 0 0 43rpx;
		border-right: none;
		border: 1rpx solid #E7E7E7;
	}

	.danjubtn {
		padding: 20rpx 94rpx;
		background: #FFFFFF;
		width: 50%;
		border-radius: 0 0 0 24rpx;
		border: 2rpx solid #E7E7E7;
		border-right: none;

	}

	.namecolor {
		color: #0BBDCB;
		font-size: 32rpx;
		margin-left: 20rpx;
	}

	.quequ {
		margin-top: 38rpx;
	}

	.danjubtn2 {
		padding: 20rpx 94rpx;
		background: #FFFFFF;
		width: 50%;
		border-radius: 0rpx 0 24rpx 0rpx;
		border: 2rpx solid #E7E7E7;
	}

	.bigbtn2 {
		color: #0BBDCB;
		padding: 8rpx 82rpx;
		background: #FAFAFA;
		border-radius: 0rpx 43rpx 43rpx 0rpx;
		border: 1rpx solid #E7E7E7;
	}

	.allbtn-box {
		width: 25%;
		margin-bottom: 24rpx;
	}

	.btn1 {
		background: rgba(11, 189, 203, 0.1000);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		border: 1rpx solid #0BBDCB !important;
	}

	.btntext {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
	}

	.allbtn {
		width: 124rpx;
		height: 58rpx;
		display: flex;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
		position: relative;
		justify-content: center;
		align-items: center;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		border: 1rpx solid rgba(153, 153, 153, 0.3);
	}

	.titles {
		font-size: 32rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #000000;
		text-align: center;
	}

	.bgctitles {
		background: linear-gradient(180deg, rgba(11, 189, 203, .3) 0%, rgba(255, 255, 255, 0) 100%);
		padding: 52rpx 0 58rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		text-align: center;
	}

	.popupbtn {
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}

	.leftimage {
		width: 34rpx;
		height: 34rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	/* 	// 定位点点点 */
	.diandiandian {
		position: relative;
	}

	.selectcontent {
		position: absolute;
		top: 50rpx;
		right: -6rpx;
		min-width: 250rpx;
		mix-width: 250rpx;
		text-align: center;
		background-color: rgba(11, 189, 203, 0.8);
		border-radius: 10rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #fff;
		word-wrap: break-word;
	}

	.itemselect {
		padding: 20rpx 30rpx;
		border-bottom: 1rpx solid rgba(255, 255, 255, .1);
	}

	.smalltext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	/* // tab切换 */
	.selectbox {
		padding: 6rpx 30rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #0BBDCB;
		line-height: 33rpx;
		background-color: #e1f4f5;
		border-radius: 30rpx;
		margin-right: 30rpx;
	}

	.gouxuan {
		width: 28rpx;
		height: 18rpx;
		background-image: url("@/static/image/system/gouxuan.png");
		background-size: 100% 100%;
	}

	.noselectbox {
		padding: 6rpx 30rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #999999;
		line-height: 33rpx;
		background-color: #eff0f0;
		border-radius: 30rpx;
		margin-right: 30rpx;
	}

	.selecttimetext {
		font-size: 24rpx;
		font-family: San Francisco Display-Medium, San Francisco Display;
		font-weight: 500;
		color: #666666;
		line-height: 24rpx;
	}

	.seletext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
		line-height: 28rpx;
	}

	.miancolor {
		color: #0BBDCB;
	}

	.smalltext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.ywy {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	/* // 审核状态 */
	.shlable {
		padding: 6rpx 14rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		line-height: 28rpx;
		background-color: #e7f9fa;
	}

	.shlables {
		padding: 6rpx 14rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #F3AD3D;
		line-height: 28rpx;
		background-color: rgba(243, 173, 61, .1);
	}

	.needxiahua {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		line-height: 28rpx;
		border-bottom: 1rpx solid #0BBDCB;
	}

	.needbotborder {
		padding-bottom: 0 !important;

	}

	.line {
		border-top: 1rpx solid #e9e9e9;
		padding-top: 30rpx;
	}

	.sanjiao {
		position: absolute;
		top: -12rpx;
		right: 8rpx;
		background-image: url("@/static/image/system/sanjiao2.png");
		width: 40rpx;
		height: 12rpx;
		background-size: 100% 100%;
	}

	.one {
		width: 100rpx;
		height: 44rpx;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FF0000;
		background-color: rgba(255, 0, 0, .1);
	}

	.tow {
		color: #666666;
		background-color: rgba(102, 102, 102, .1);
	}

	.diaoru {
		border: 1rpx solid #0BBDCB;
		border-radius: 5rpx;
		font-size: 20rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		background-color: #0BBDCB;
		color: #fff;
		padding: 6rpx 14rpx;
	}

	.diaochu {
		border: 1rpx solid #0BBDCB;
		border-radius: 5rpx;
		font-size: 20rpx;
		background-color: #fff;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		padding: 6rpx 14rpx;
	}

	.downimage3 {
		margin: 10rpx 0 10rpx 20rpx;
	}

	.wlable {
		padding: 6rpx 14rpx;
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #F3AD3D;
		line-height: 28rpx;
		background-color: #fef7ec;
	}

	.businesstext {
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #666666;
	}

	// 筛选内容
	.screenbox {
		width: 33.33%;
	}

	.itemscreenfocus {
		width: 200rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 50rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		background-color: #e7f9fa;
	}

	.inputscreenbox {
		width: 40%;

		input {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			border-radius: 50rpx;
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #333;
			background-color: #f7f9fa;
		}
	}

	.itemscreen {
		width: 200rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 50rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
		background-color: #f7f9fa;
	}

	.zwscreenbox {
		width: 20%;
		line-height: 80rpx;
	}

	// 选择框
	.itemscreens {
		padding-bottom: 20rpx;
	}

	.rightscreen {
		width: 100%;
	}

	.minwidth {
		min-width: 130rpx;
	}
</style>
